<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/template/header.jsp"%>

<div class="container">
	<div id="myCarousel" class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="<%=request.getContextPath() + "/image/top_banner1.jpg"%>"
					alt="" />
			</div>
			<div class="item">
				<img src="<%=request.getContextPath() + "/image/top_banner2.jpg"%>"
					alt="" />
			</div>
			<div class="item">
				<img src="<%=request.getContextPath() + "/image/top_banner3.jpg"%>"
					alt="" />
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>
</div>

<script>
	$('#myCarousel').carousel({
		interval : 3000
	});
</script>

<%@include file="/template/footer.jsp"%>